ul,li {
	padding:10px;
	margin:0;
}
.rightHeader {
	padding:10px;
	margin:0;
}

body {
	font-size:12px;
	-webkit-user-select:none;
  	-webkit-text-size-adjust:none;
	background:#FFF;
}

#wrapper {
	width:990px;
	height:615px;

	position:static;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;

	background:#FFF;
	display:block;
	margin:0 auto;
}

#scroller {
	width:2080px;
	height:100%;
	float:left;
	padding:0;
}

#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-align:left;
}

#scroller li {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:block; 
	float:left;
	width:990px; 
	height:620px;
	text-align:center;
	font-family:georgia;
	font-size:18px;
	line-height:140%;
}

#nav {
	display:table;
	margin:0 auto 20px; 
}

#prev, #next {
	position:absolute;
	float:left;
	font-weight:bold;
	font-size:14px;
	padding:5px 0;
	width:80px;
	top:50%;
}

#next {
	float:right;
	text-align:right;
	margin-right:25px;
}

#indicator, #indicator > li {
	display:block; float:left;
	list-style:none;
	padding:0; margin:0;
}

#indicator {
	width:110px;
	padding:12px 0 0 30px;
}

#indicator > li {
	text-indent:-9999em;
	width:8px; 
	height:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	background:#ddd;
	overflow:hidden;
	margin-right:4px;
}

#indicator > li.active {
	background:#888;
}

#indicator > li:last-child {
	margin:0;
}


#wrapper_large {
	width:300px;
	height:160px;

	float:left;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;

	background:#aaa;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	background:#e3e3e3;
}

#scroller_large {
	width:2100px;
	height:100%;
	float:left;
	padding:0;
}

#scroller_large ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-align:left;
}

#scroller_large li {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:block; 
	float:left;
	width:300px; 
	height:160px;
	text-align:center;
	font-family:georgia;
	font-size:18px;
	line-height:140%;
}

@media screen and (max-device-width: 768px) and (orientation: portrait) {

	#wrapper {
		width:720px;
		height:735px;
	}
	#scroller li {
		width:720px;
		height:735px;
	}
	#nav{
		margin-left:360px;
	}
}
@media screen and (max-device-width: 1024px) and (orientation: landscape) {
	#wrapper {
		width:990px;
		height:630px;
	}
	#scroller li {
		width:990px;
		height:630px;
	}
	#nav{
		margin-left:490px;
	}
}